<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <link rel="shortcut icon" type="image/x-icon" href="img/ico.jpg">
    <link rel="stylesheet" href="farbtastic/farbtastic.css" type="text/css" />
    <link href="css/bootstrap.min.css" rel="stylesheet" type="text/css">
    <link href="css/register.css" rel="stylesheet" type="text/css">
    <link href="css/siChuan12.css" rel="stylesheet" type="text/css">
    <title>四川快乐12</title>
</head>

<body>
 
<header id="header">
    <div class="headerLeft">
        <img src="img/home1/logo.png">
        <div class="spanQq">QQ:6164002</div>
        <div class="spanTel">Tel:15282620000</div>
    </div>
    <div class="headerMiddle">四川快乐12</div>
    <div class="headerRight">
        <div class="mianfei">VIP过期:2017-10-10(或免费版)</div>
        <div class="shuju">数据仅供参考,请以官方开奖为准</div>
    </div>
</header>

<div class="main" id="main">
    <div class="left">
        <div id="qihao">
            <table>
                <tbody>
                <tr class="theadTr">
                    <th rowspan="2" colspan="1">期号</th>
                </tr>
                </tbody>
            </table>
        </div>
        <div class="shuzhifang">
            <table>
                <tbody></tbody>
            </table>
        </div>
    </div>

    <div class="right">
        <div id="topHengDiv">
            <table class="publicTable">
                <thead>
                <tr class="theadTr" id="HengDiv">
                    <th rowspan="2" colspan="1" class="issue borderColor">期<br/>号</th>

                    <th colspan="5" class="lotteryNumber borderColor">5位开奖号</th>

                    <th colspan="12" class="optionalDis borderColor">任选分布</th>

                    <th colspan="12" class="firstCon borderColor">第1位连线</th>

                    <th colspan="12" class="secondCon borderColor">第2位连线</th>

                    <th colspan="12" class="thirdCon borderColor">第3位连线</th>

                    <th rowspan="2" colspan="3" class="attentionNum borderColor">关注号码</th>

                    <th colspan="3" class="threeLotteryNumber borderColor">3位开奖号</th>

                    <th colspan="1" rowspan="2" class="heavyNumber borderColor">重号</th>

                    <th colspan="10" class="firstThreeTails borderColor">前三和尾连线</th>

                    <th rowspan="2" colspan="1" class="firstThreeValues borderColor">前值</th>

                    <th rowspan="2" colspan="1" class="andValueAll borderColor">和值</th><!--总的和值-->

                    <th rowspan="2" colspan="1" class="Odd borderColor">奇数</th>

                    <th rowspan="2" colspan="1" class="bigNum borderColor">大数</th>

                    <th rowspan="2" colspan="1" class="theFormer borderColor">前重</th>

                    <th colspan="4" class="theFormerLine borderColor">前重连线</th>

                    <th rowspan="1" colspan="6" class="heavyNumberLine borderColor">重号连线</th>

                    <th colspan="12" class="threeGroupsDis borderColor">前3组分布</th>

                    <th  rowspan="2" colspan="1" class="spanDataTable borderColor">跨度</th>

                    <th colspan="8" class="spanDataTableLine borderColor">跨度连线</th>

                    <th  rowspan="2" colspan="1" class="beforeCross borderColor">前跨</th>

                    <th colspan="10" class="beforeCrossLine borderColor">前跨连线</th>
                </tr>
                <tr id="HengDiv1">
                    <th class="lotteryNumber">1</th>
                    <th class="lotteryNumber">2</th>
                    <th class="lotteryNumber">3</th>
                    <th class="lotteryNumber">4</th>
                    <th class="lotteryNumber borderColor">5</th>

                    <th class="optionalDis">1</th>
                    <th class="optionalDis">2</th>
                    <th class="optionalDis">3</th>
                    <th class="optionalDis">4</th>
                    <th class="optionalDis">5</th>
                    <th class="optionalDis">6</th>
                    <th class="optionalDis">7</th>
                    <th class="optionalDis">8</th>
                    <th class="optionalDis">9</th>
                    <th class="optionalDis">10</th>
                    <th class="optionalDis">11</th>
                    <th class="optionalDis borderColor">12</th>

                    <th class="firstCon">1</th>
                    <th class="firstCon">2</th>
                    <th class="firstCon">3</th>
                    <th class="firstCon">4</th>
                    <th class="firstCon">5</th>
                    <th class="firstCon">6</th>
                    <th class="firstCon">7</th>
                    <th class="firstCon">8</th>
                    <th class="firstCon">9</th>
                    <th class="firstCon">10</th>
                    <th class="firstCon">11</th>
                    <th class="firstCon borderColor">12</th>

                    <th class="secondCon">1</th>
                    <th class="secondCon">2</th>
                    <th class="secondCon">3</th>
                    <th class="secondCon">4</th>
                    <th class="secondCon">5</th>
                    <th class="secondCon">6</th>
                    <th class="secondCon">7</th>
                    <th class="secondCon">8</th>
                    <th class="secondCon">9</th>
                    <th class="secondCon">10</th>
                    <th class="secondCon">11</th>
                    <th class="secondCon borderColor">12</th>

                    <th class="thirdCon">1</th>
                    <th class="thirdCon">2</th>
                    <th class="thirdCon">3</th>
                    <th class="thirdCon">4</th>
                    <th class="thirdCon">5</th>
                    <th class="thirdCon">6</th>
                    <th class="thirdCon">7</th>
                    <th class="thirdCon">8</th>
                    <th class="thirdCon">9</th>
                    <th class="thirdCon">10</th>
                    <th class="thirdCon">11</th>
                    <th class="thirdCon borderColor">12</th>

                    <th class="threeLotteryNumber">1</th>
                    <th class="threeLotteryNumber">2</th>
                    <th class="threeLotteryNumber borderColor">3</th>

                    <th class="firstThreeTails">0</th>
                    <th class="firstThreeTails">1</th>
                    <th class="firstThreeTails">2</th>
                    <th class="firstThreeTails">3</th>
                    <th class="firstThreeTails">4</th>
                    <th class="firstThreeTails">5</th>
                    <th class="firstThreeTails">6</th>
                    <th class="firstThreeTails">7</th>
                    <th class="firstThreeTails">8</th>
                    <th class="firstThreeTails borderColor">9</th>

                    <!--前三和值-->
                    <th class="firstThreeValuesBs">大</th>
                    <th class="firstThreeValuesBs">30</th>
                    <th class="firstThreeValuesBs borderColor">小</th>

                    <!--前重连线-->
                    <th class="theFormerLine">0</th>
                    <th class="theFormerLine">1</th>
                    <th class="theFormerLine">2</th>
                    <th class="theFormerLine borderColor">3</th>

                    <!--重号连线-->
                    <th class="heavyNumberLine">0</th>
                    <th class="heavyNumberLine">1</th>
                    <th class="heavyNumberLine">2</th>
                    <th class="heavyNumberLine">3</th>
                    <th class="heavyNumberLine">4</th>
                    <th class="heavyNumberLine borderColor">5</th>

                    <!--前三组分布-->
                    <th class="threeGroupsDis">1</th>
                    <th class="threeGroupsDis">2</th>
                    <th class="threeGroupsDis">3</th>
                    <th class="threeGroupsDis">4</th>
                    <th class="threeGroupsDis">5</th>
                    <th class="threeGroupsDis">6</th>
                    <th class="threeGroupsDis">7</th>
                    <th class="threeGroupsDis">8</th>
                    <th class="threeGroupsDis">9</th>
                    <th class="threeGroupsDis">10</th>
                    <th class="threeGroupsDis">11</th>
                    <th class="threeGroupsDis borderColor">12</th>

                    <!--跨度连线-->
                    <th class="spanDataTableLine">4</th>
                    <th class="spanDataTableLine">5</th>
                    <th class="spanDataTableLine">6</th>
                    <th class="spanDataTableLine">7</th>
                    <th class="spanDataTableLine">8</th>
                    <th class="spanDataTableLine">9</th>
                    <th class="spanDataTableLine">10</th>
                    <th class="spanDataTableLine borderColor">11</th>

                    <!--前跨连线-->
                    <th class="beforeCrossLine">2</th>
                    <th class="beforeCrossLine">3</th>
                    <th class="beforeCrossLine">4</th>
                    <th class="beforeCrossLine">5</th>
                    <th class="beforeCrossLine">6</th>
                    <th class="beforeCrossLine">7</th>
                    <th class="beforeCrossLine">8</th>
                    <th class="beforeCrossLine">9</th>
                    <th class="beforeCrossLine">10</th>
                    <th class="beforeCrossLine borderColor">11</th>
                </tr>
                </thead>
            </table>
        </div>
        <div id="zhuti">
            <table class="dataTable publicTable">
                <tbody>
                </tbody>
            </table>
        </div>
    </div>
</div>

<div id="bottom">
    <table id="bottomTable">
        <div class="menu">
            <div class="pick">
                <span class="tagPick">选号</span><label class="tagPick">H</label>
                <i></i>
            </div>
            <div class="middleMenu">手机注册免费体验收费版3天，充值VIP会员，获得专属功能</div>
            <div class="menuRight">
                <span class="glyphicon glyphicon-asterisk"></span><label>菜单</label>
                <i></i>
            </div>
        </div>
        <tbody>
        <tr>
            <td>游戏玩法</td>
            <td>任选三(冷号)</td>
            <td>任选三(回补)</td>
            <td>任选四(冷号)</td>
            <td>任选四(回补)</td>
            <td>任选五(冷号)</td>
            <td>任选五(回补)</td>
            <td>前组(冷号)</td>
            <td>前组(回补)</td>
        </tr>
        <tr>
            <td>统计号码</td>
            <td class="flagOne"></td>
            <td class="flagTwo"></td>
            <td class="flagThree"></td>
            <td class="flagFour"></td>
            <td class="flagFive"></td>
            <td class="flagSix"></td>
            <td class="flagSeven"></td>
            <td class="flagEight"></td>
        </tr>
        <tr>
            <td>当前遗漏</td>
            <td class="flagOne"></td>
            <td class="flagTwo"></td>
            <td class="flagThree"></td>
            <td class="flagFour"></td>
            <td class="flagFive"></td>
            <td class="flagSix"></td>
            <td class="flagSeven"></td>
            <td class="flagEight"></td>
        </tr>
        <tr>
            <td>上次遗漏</td>
            <td class="flagOne"></td>
            <td class="flagTwo"></td>
            <td class="flagThree"></td>
            <td class="flagFour"></td>
            <td class="flagFive"></td>
            <td class="flagSix"></td>
            <td class="flagSeven"></td>
            <td class="flagEight"></td>
        </tr>
        <tr>
            <td>最大遗漏</td>
            <td class="flagOne"></td>
            <td class="flagTwo"></td>
            <td class="flagThree"></td>
            <td class="flagFour"></td>
            <td class="flagFive"></td>
            <td class="flagSix"></td>
            <td class="flagSeven"></td>
            <td class="flagEight"></td>
        </tr>
        </tbody>
    </table>
    <table id="groomNum">
        <tbody>
        <tr style="background-color: #F2F0D9">
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
        </tr>
        <tr style="background-color: #DDEDC8">
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
        </tr>
        <tr style="background-color: #DDEDC8">
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
        </tr>
        <tr style="background-color: #F2F0D9">
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
        </tr>
        <tr style="background-color: #F2F0D9">
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
        </tr>
        </tbody>
    </table>
    <div id="functionArea">
        <div id="sphere">
            <div class="modalBox">
                <div class="input-group custom markTag">
                    <span class="input-group-addon">请输入自定义加倍倍数</span>
                    <input type="text" class="form-control custom">
                    <span class="input-group-addon determine">确定</span>
                    <span class="input-group-addon cancel">取消</span>
                </div>
                <p class="inputAlert"></p>
            </div>
            <div class="positionNum">
                <span>百位</span>
                <span style="background-color: #D4D2D5">十位</span>
                <span style="background-color: #D4D2D5">个位</span>
                <label>选<br>号</label>
            </div>
            <div class="sphereNum">
                <section class="stage">
                    <figure class="circle"><label>01</label><span class="shadow"></span></figure>
                </section>
                <section class="stage">
                    <figure class="circle"><label>02</label><span class="shadow"></span></figure>
                </section>
                <section class="stage">
                    <figure class="circle"><label>03</label><span class="shadow"></span></figure>
                </section>
                <section class="stage">
                    <figure class="circle"><label>04</label><span class="shadow"></span></figure>
                </section>
                <section class="stage">
                    <figure class="circle"><label>05</label><span class="shadow"></span></figure>
                </section>
                <section class="stage">
                    <figure class="circle"><label>06</label><span class="shadow"></span></figure>
                </section>
                <section class="stage">
                    <figure class="circle"><label>07</label><span class="shadow"></span></figure>
                </section>
                <section class="stage">
                    <figure class="circle"><label>08</label><span class="shadow"></span></figure>
                </section>
                <section class="stage">
                    <figure class="circle"><label>09</label><span class="shadow"></span></figure>
                </section>
                <section class="stage">
                    <figure class="circle"><label>10</label><span class="shadow"></span></figure>
                </section>
                <section class="stage">
                    <figure class="circle"><label>11</label><span class="shadow"></span></figure>
                </section>
                <section class="stage">
                    <figure class="circle"><label>12</label><span class="shadow"></span></figure>
                </section>
            </div>
            <div class="sphereFun">
                <div>
                    <span class="glyphicon glyphicon-upload"></span>
                    <label>任选四</label>
                    <div class="choicePm">
                        <ul>
                            <li>任选一中一</li>
                            <li>任选二中二</li>
                            <li>任选三中三</li>
                            <li>任选四中四</li>
                            <li>任选五中五</li>
                            <li>任选六中五</li>
                            <li>任选七中五</li>
                            <li>任选八中五</li>
                            <li>选前一直选</li>
                            <li>选前二直选</li>
                            <li>选前二组选</li>
                            <li>选前三直选</li>
                            <li>选前三组选</li>
                        </ul>
                    </div>
                    <i></i>
                </div>
                <div>
                    <span class="glyphicon glyphicon-plus-sign"></span>
                    <label value = "1">加倍X1</label>
                    <div class="choicePm">
                        <ul>
                            <li data-toggle="modal" data-target=".bs-example-modal-sm">自定义</li>
                            <li value="50">加倍X50</li>
                            <li value="40">加倍X40</li>
                            <li value="30">加倍X30</li>
                            <li value="20">加倍X20</li>
                            <li value="5">加倍X5</li>
                            <li value="4">加倍X4</li>
                            <li value="3">加倍X3</li>
                            <li value="2">加倍X2</li>
                            <li value="1">加倍X1</li>
                        </ul>
                    </div>
                    <i></i>
                </div>
                <div class="middle">
                    <span class="glyphicon glyphicon-ok-sign"></span>
                    <label>确定</label>
                    <s></s>
                </div>
                <div class="machineSel">
                    <span class="glyphicon glyphicon-random"></span>
                    <label>机选</label>
                    <s></s>
                </div>
                <div class="last">
                    <span class="glyphicon glyphicon-user"></span>
                    <label>已选</label>
                    <s></s>
                </div>
            </div>
        </div>
        <div class="displayAllNumber">        <!--当确定选择或者式点击已选时打开这个div-->
            <div class="multiLineData">
            </div>
            <div class="bottomOption">
                <div class="buttonBottomOption">
                    <button class="btn btn-primary">返回</button>
                    <button class="btn btn-danger">清空</button>
                </div>
                <div class="allTotal"></div>
                <div class="bottomImgOne">
                    <button class="btn btn-primary js-copy">复制投注号</button>
                </div>
                <div class="bottomImg">
                    <span>发送给</span>
                    <img src="img/qq.png" class="qqImg">
                    <img src="img/wx.png" class="weixinImg">
                    <a class="qqShare"></a>
                    <a class="winXinShare"></a>
                </div>
            </div>
        </div>

        <ul class="optionsList">
            <li class="optionsBtn">
                直播<img src="img/close.png">
            </li>
            <li class="optionsBtn">
                <span class="content23">红—紫</span><span class="nabla glyphicon glyphicon-play" aria-hidden="true"></span>
                <ul class="otherOptions">
                    <li class="liStyle1">红—紫</li>
                    <li class="liStyle1">红—黑</li>
                    <li class="liStyle1">黑—绿</li>
                </ul>
            </li>
            <li class="optionsBtn">
                <span class="content23">界面1</span><span class="nabla glyphicon glyphicon-play" aria-hidden="true"></span>
                <ul class="otherOptions">
                    <li class="liStyle2">界面1</li>
                    <li class="liStyle2">界面2</li>
                    <li class="liStyle2">界面3</li>
                </ul>
            </li>
            <li class="optionsBtn">
                选界面颜色<span class="nabla glyphicon glyphicon-play" aria-hidden="true"></span>

            </li>
            <li class="optionsBtn">
                去圆<img src="img/close.png">
            </li>

            <li class="optionsBtn">
                <span class="content23">字体1</span><span class="nabla glyphicon glyphicon-play" aria-hidden="true"></span>
                <ul class="otherOptions2">
                    <li class="liStyle3">字体1</li>
                    <li class="liStyle3">字体2</li>
                    <li class="liStyle3">字体3</li>
                </ul>
            </li>
            <li class="optionsBtn">
                <span class="content23">期数设置</span><span class="nabla glyphicon glyphicon-play" aria-hidden="true"></span>
                <ul class="otherOptions2">
                    <li class="liStyle4">30期</li>
                    <li class="liStyle4">35期</li>
                    <li class="liStyle4">40期</li>
                    <li class="liStyle4">45期</li>
                    <li class="liStyle4">50期</li>
                    <li class="liStyle4">55期</li>
                    <li class="liStyle4">60期</li>
                    <li class="liStyle4">65期</li>
                    <li class="liStyle4">70期</li>
                    <li class="liStyle4">75期</li>
                    <li class="liStyle4">80期</li>
                    <li class="liStyle4">85期</li>
                    <li class="liStyle4">90期</li>
                </ul>
            </li>
            <li class="optionsBtn bigFont">
                登录 注册

            </li>
            <li class="optionsBtn towPai">
                前一字体<br class="xiaoshi"/><img data-ride="0" src="img/close.png">
            </li>
            <li class="optionsBtn towPai">
                前三字体<br class="xiaoshi"/><img src="img/open.png">
            </li>

            <li class="optionsBtn towPai">
                连号背景<br class="xiaoshi"/><img src="img/close.png">
            </li>
            <li class="optionsBtn other">
                切换游戏
            </li>



        </ul>
        <ul class="InterfaceColor">
            <li>期号
                <br/>
                <span class="CannotBeCancelled">
                    <input class="color" type="button" value="背景色" ><input class="color1" type="button" value="字体色" ></span></li>

            <li>5位开奖号
                <br/>
                <span class="CannotBeCancelled">
                    <input class="color" type="button" value="背景色" ><input class="color1" type="button" value="字体色" >
                </span>
            </li>
            <li>任选分布
                <br/><span class="CannotBeCancelled">
                <input class="color" type="button" value="背景色" ><input class="color1" type="button" value="字体色" >
                </span></li>
            <li>前三位连线
                <br/><span class="CannotBeCancelled"><input class="color" type="button" value="背景色" ><input class="color1" type="button" value="字体色" ></span></li>
            <li>关注号码
                <br/><span class="CannotBeCancelled">
                    <input class="color" type="button" value="背景色" ><input class="color1" type="button" value="字体色"></span></li>
            <li>3位开奖号
                <br/><span class="CannotBeCancelled">
                    <input class="color" type="button" value="背景色" ><input class="color1" type="button" value="字体色" ></span></li>
            <li>重号
                <br/><span class="CannotBeCancelled">
                    <input class="color" type="button" value="背景色" ><input class="color1" type="button" value="字体色" ></span></li>
            <li>前和尾连线
                <br/><span class="CannotBeCancelled">
                    <input class="color" type="button" value="背景色" ><input class="color1" type="button" value="字体色" ></span></li>
            <li style="display: none">和值大小
                <br/><span class="CannotBeCancelled">
                    <input class="color" type="button" value="背景色" ><input class="color1" type="button" value="字体色" ></span></li>
            <li>前值
                <br/><span class="CannotBeCancelled">
                    <input class="color" type="button" value="背景色" ><input class="color1" type="button" value="字体色" ></span></li>
            <li style="display: none;">和值单双
                <br/><span class="CannotBeCancelled">
                    <input class="color" type="button" value="背景色" ><input class="color1" type="button" value="字体色" ></span></li>
            <li>和值
                <br/><span class="CannotBeCancelled">
                    <input class="color" type="button" value="背景色" ><input class="color1" type="button" value="字体色" ></span></li>
            <li>奇数
                <br/><span class="CannotBeCancelled">
                    <input class="color" type="button" value="背景色" ><input class="color1" type="button" value="字体色" ></span></li>
            <li>大数
                <br/><span class="CannotBeCancelled">
                    <input class="color" type="button" value="背景色" ><input class="color1" type="button" value="字体色" ></span></li>
            <li>前重
                <br/><span class="CannotBeCancelled">
                    <input class="color" type="button" value="背景色" ><input class="color1" type="button" value="字体色" ></span></li>
            <li>前重连线
                <br/><span class="CannotBeCancelled">
                    <input class="color" type="button" value="背景色" ><input class="color1" type="button" value="字体色" ></span></li>
            <li>重号连线
                <br/><span class="CannotBeCancelled">
                    <input class="color" type="button" value="背景色" ><input class="color1" type="button" value="字体色" ></span></li>
            <li>前三组分布
                <br/><span class="CannotBeCancelled">
                    <input class="color" type="button" value="背景色" ><input class="color1" type="button" value="字体色" ></span></li>
            <li>跨度
                <br/><span class="CannotBeCancelled">
                    <input class="color" type="button" value="背景色" ><input class="color1" type="button" value="字体色" ></span>
            </li>
            <li>跨度连线
                <br/><span class="CannotBeCancelled">
                    <input class="color" type="button" value="背景色" ><input class="color1" type="button" value="字体色" ></span>
            </li>
            <li>前跨
                <br/><span class="CannotBeCancelled">
                    <input class="color" type="button" value="背景色" ><input class="color1" type="button" value="字体色" ></span>
            </li>
            <li>前跨连线
                <br/><span class="CannotBeCancelled" >
                    <input class="color" type="button" value="背景色" ><input class="color1" type="button" value="字体色" ></span>
            </li>
            <li style="background-color: #6FC2EE">连线颜色
                <br/><span class="CannotBeCancelled"  style="display: inline-block;">
                    <input class="color LineC" type="button" value="连线颜色" >
                    </span>
            </li>
            <li></li>
            <li></li>
            <li></li>
        </ul>
    </div>
</div>

<div>
    <table id="templateTable">
        <tbody>
        <tr class="templateTr">
            <td colspan="1" class="issue issueTwo"></td>

            <td class="lotteryNumber"></td>
            <td class="lotteryNumber"></td>
            <td class="lotteryNumber"></td>
            <td class="lotteryNumber"></td>
            <td class="lotteryNumber borderColor"></td>

            <td class="optionalDis"></td>
            <td class="optionalDis"></td>
            <td class="optionalDis"></td>
            <td class="optionalDis"></td>
            <td class="optionalDis"></td>
            <td class="optionalDis"></td>
            <td class="optionalDis"></td>
            <td class="optionalDis"></td>
            <td class="optionalDis"></td>
            <td class="optionalDis"></td>
            <td class="optionalDis"></td>
            <td class="optionalDis borderColor"></td>

            <td class="firstCon"></td>
            <td class="firstCon"></td>
            <td class="firstCon"></td>
            <td class="firstCon"></td>
            <td class="firstCon"></td>
            <td class="firstCon"></td>
            <td class="firstCon"></td>
            <td class="firstCon"></td>
            <td class="firstCon"></td>
            <td class="firstCon"></td>
            <td class="firstCon"></td>
            <td class="firstCon borderColor"></td>

            <td class="secondCon"></td>
            <td class="secondCon"></td>
            <td class="secondCon"></td>
            <td class="secondCon"></td>
            <td class="secondCon"></td>
            <td class="secondCon"></td>
            <td class="secondCon"></td>
            <td class="secondCon"></td>
            <td class="secondCon"></td>
            <td class="secondCon"></td>
            <td class="secondCon"></td>
            <td class="secondCon borderColor"></td>

            <td class="thirdCon"></td>
            <td class="thirdCon"></td>
            <td class="thirdCon"></td>
            <td class="thirdCon"></td>
            <td class="thirdCon"></td>
            <td class="thirdCon"></td>
            <td class="thirdCon"></td>
            <td class="thirdCon"></td>
            <td class="thirdCon"></td>
            <td class="thirdCon"></td>
            <td class="thirdCon"></td>
            <td class="thirdCon borderColor"></td>

            <td class="attentionNum"></td>
            <td class="attentionNum"></td>
            <td class="attentionNum borderColor"></td>

            <td class="threeLotteryNumber"></td>
            <td class="threeLotteryNumber"></td>
            <td class="threeLotteryNumber borderColor"></td>

            <td class="heavyNumber borderColor"></td>

            <td class="firstThreeTails"></td>
            <td class="firstThreeTails"></td>
            <td class="firstThreeTails"></td>
            <td class="firstThreeTails"></td>
            <td class="firstThreeTails"></td>
            <td class="firstThreeTails"></td>
            <td class="firstThreeTails"></td>
            <td class="firstThreeTails"></td>
            <td class="firstThreeTails"></td>
            <td class="firstThreeTails borderColor"></td>

            <td class="firstThreeValues borderColor"></td>

            <td class="andValueAll borderColor"></td>

            <td class="Odd borderColor"></td>

            <td class="bigNum borderColor"></td>

            <td class="theFormer borderColor"></td>

            <td class="theFormerLine"></td>
            <td class="theFormerLine"></td>
            <td class="theFormerLine"></td>
            <td class="theFormerLine borderColor"></td>

            <td class="heavyNumberLine"></td>
            <td class="heavyNumberLine"></td>
            <td class="heavyNumberLine"></td>
            <td class="heavyNumberLine"></td>
            <td class="heavyNumberLine"></td>
            <td class="heavyNumberLine borderColor"></td>

            <td class="threeGroupsDis"></td>
            <td class="threeGroupsDis"></td>
            <td class="threeGroupsDis"></td>
            <td class="threeGroupsDis"></td>
            <td class="threeGroupsDis"></td>
            <td class="threeGroupsDis"></td>
            <td class="threeGroupsDis"></td>
            <td class="threeGroupsDis"></td>
            <td class="threeGroupsDis"></td>
            <td class="threeGroupsDis"></td>
            <td class="threeGroupsDis"></td>
            <td class="threeGroupsDis borderColor"></td>

            <td class="spanDataTable borderColor"></td>

            <td class="spanDataTableLine"></td>
            <td class="spanDataTableLine"></td>
            <td class="spanDataTableLine"></td>
            <td class="spanDataTableLine"></td>
            <td class="spanDataTableLine"></td>
            <td class="spanDataTableLine"></td>
            <td class="spanDataTableLine"></td>
            <td class="spanDataTableLine borderColor"></td>

            <td class="beforeCross borderColor"></td>

            <td class="beforeCrossLine"></td>
            <td class="beforeCrossLine"></td>
            <td class="beforeCrossLine"></td>
            <td class="beforeCrossLine"></td>
            <td class="beforeCrossLine"></td>
            <td class="beforeCrossLine"></td>
            <td class="beforeCrossLine"></td>
            <td class="beforeCrossLine"></td>
            <td class="beforeCrossLine"></td>
            <td class="beforeCrossLine borderColor"></td>
        </tr>
        <tr class="templateTrLast">
            <td colspan="1"></td>
            <td colspan="5" class="countDownd borderColor"></td>

            <td class="optionalDis"></td>
            <td class="optionalDis"></td>
            <td class="optionalDis"></td>
            <td class="optionalDis"></td>
            <td class="optionalDis"></td>
            <td class="optionalDis"></td>
            <td class="optionalDis"></td>
            <td class="optionalDis"></td>
            <td class="optionalDis"></td>
            <td class="optionalDis"></td>
            <td class="optionalDis"></td>
            <td class="optionalDis borderColor"></td>

            <td class="firstCon"></td>
            <td class="firstCon"></td>
            <td class="firstCon"></td>
            <td class="firstCon"></td>
            <td class="firstCon"></td>
            <td class="firstCon"></td>
            <td class="firstCon"></td>
            <td class="firstCon"></td>
            <td class="firstCon"></td>
            <td class="firstCon"></td>
            <td class="firstCon"></td>
            <td class="firstCon borderColor"></td>

            <td class="secondCon"></td>
            <td class="secondCon"></td>
            <td class="secondCon"></td>
            <td class="secondCon"></td>
            <td class="secondCon"></td>
            <td class="secondCon"></td>
            <td class="secondCon"></td>
            <td class="secondCon"></td>
            <td class="secondCon"></td>
            <td class="secondCon"></td>
            <td class="secondCon"></td>
            <td class="secondCon borderColor"></td>

            <td class="thirdCon"></td>
            <td class="thirdCon"></td>
            <td class="thirdCon"></td>
            <td class="thirdCon"></td>
            <td class="thirdCon"></td>
            <td class="thirdCon"></td>
            <td class="thirdCon"></td>
            <td class="thirdCon"></td>
            <td class="thirdCon"></td>
            <td class="thirdCon"></td>
            <td class="thirdCon"></td>
            <td class="thirdCon borderColor"></td>

            <td class="attentionNum"></td>
            <td class="attentionNum"></td>
            <td class="attentionNum borderColor"></td>

            <td class="threeLotteryNumber"></td>
            <td class="threeLotteryNumber"></td>
            <td class="threeLotteryNumber borderColor"></td>

            <td class="heavyNumber borderColor"></td>

            <td class="firstThreeTails"></td>
            <td class="firstThreeTails"></td>
            <td class="firstThreeTails"></td>
            <td class="firstThreeTails"></td>
            <td class="firstThreeTails"></td>
            <td class="firstThreeTails"></td>
            <td class="firstThreeTails"></td>
            <td class="firstThreeTails"></td>
            <td class="firstThreeTails"></td>
            <td class="firstThreeTails borderColor"></td>

            <td class="firstThreeValues borderColor"></td>

            <td class="andValueAll borderColor"></td>

            <td class="Odd borderColor"></td>

            <td class="bigNum borderColor"></td>

            <td class="theFormer borderColor"></td>

            <td class="theFormerLine"></td>
            <td class="theFormerLine"></td>
            <td class="theFormerLine"></td>
            <td class="theFormerLine borderColor"></td>

            <td class="heavyNumberLine"></td>
            <td class="heavyNumberLine"></td>
            <td class="heavyNumberLine"></td>
            <td class="heavyNumberLine"></td>
            <td class="heavyNumberLine"></td>
            <td class="heavyNumberLine borderColor"></td>

            <td class="threeGroupsDis"></td>
            <td class="threeGroupsDis"></td>
            <td class="threeGroupsDis"></td>
            <td class="threeGroupsDis"></td>
            <td class="threeGroupsDis"></td>
            <td class="threeGroupsDis"></td>
            <td class="threeGroupsDis"></td>
            <td class="threeGroupsDis"></td>
            <td class="threeGroupsDis"></td>
            <td class="threeGroupsDis"></td>
            <td class="threeGroupsDis"></td>
            <td class="threeGroupsDis borderColor"></td>

            <td class="spanDataTable borderColor"></td>

            <td class="spanDataTableLine"></td>
            <td class="spanDataTableLine"></td>
            <td class="spanDataTableLine"></td>
            <td class="spanDataTableLine"></td>
            <td class="spanDataTableLine"></td>
            <td class="spanDataTableLine"></td>
            <td class="spanDataTableLine"></td>
            <td class="spanDataTableLine borderColor"></td>

            <td class="beforeCross borderColor"></td>

            <td class="beforeCrossLine"></td>
            <td class="beforeCrossLine"></td>
            <td class="beforeCrossLine"></td>
            <td class="beforeCrossLine"></td>
            <td class="beforeCrossLine"></td>
            <td class="beforeCrossLine"></td>
            <td class="beforeCrossLine"></td>
            <td class="beforeCrossLine"></td>
            <td class="beforeCrossLine"></td>
            <td class="beforeCrossLine borderColor"></td>
        </tr>
        </tbody>
    </table>
</div>

<div id="screenFull">
    <div class="spinner">
        <div class="spinner-container container1">
            <div class="circle1"></div>
            <div class="circle2"></div>
            <div class="circle3"></div>
            <div class="circle4"></div>
        </div>
        <div class="spinner-container container2">
            <div class="circle1"></div>
            <div class="circle2"></div>
            <div class="circle3"></div>
            <div class="circle4"></div>
        </div>
        <div class="spinner-container container3">
            <div class="circle1"></div>
            <div class="circle2"></div>
            <div class="circle3"></div>
            <div class="circle4"></div>
        </div>
    </div>
</div>


<script src="js/jquery.min.js"></script>
<script src="farbtastic/farbtastic.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/iscroll-probe.min.js"></script>
<script src="js/clipboard.min.js"></script>
<script src="js/api.js"></script>
<script src="js/siChuan12.js"></script>
</body>
</html>



<div id="colorInterface">
    <form>
        <input class="form-control" type="text" id="color" name="color" value="#123456" />
    </form>
    <div id="colorpicker"></div>
    <button class="btn btn-success" id="makeSure">确定</button>
    <button class="btn btn-default" id="canCle">取消</button>
</div>
